<!DOCTYPE HTML>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    

  



  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
        <title>Configuration - GitHub</title>
    <link rel="search" type="application/opensearchdescription+xml" href="https://github.com/opensearch.xml" title="GitHub">
    <link rel="fluid-icon" href="https://github.com/fluidicon.png" title="GitHub">

    <link href="Configuration_files/bundle_common.css" media="screen" rel="stylesheet" type="text/css">
<link href="Configuration_files/bundle_github.css" media="screen" rel="stylesheet" type="text/css">
    

    <script type="text/javascript">
      if (typeof console == "undefined" || typeof console.log == "undefined")
        console = { log: function() {} }
    </script>
    <script type="text/javascript" charset="utf-8">
      var GitHub = {
        assetHost: 'https://d3nwyuy0nl342s.cloudfront.net'
      }
      var github_user = null
      
    </script>
    <script src="Configuration_files/jquery-1.js" type="text/javascript"></script>
    <script src="Configuration_files/bundle_common.js" type="text/javascript"></script>
<script src="Configuration_files/bundle_github.js" type="text/javascript"></script>


    
    <script type="text/javascript" charset="utf-8">
      GitHub.spy({
        repo: "andi/simple-navigation"
      })
    </script>

    
  <link href="https://github.com/andi/simple-navigation/commits/master.atom" rel="alternate" title="Recent Commits to simple-navigation:master" type="application/atom+xml">
  <script src="Configuration_files/bundle_wiki.js" type="text/javascript"></script>

  <script src="Configuration_files/MathJax.js" type="text/javascript">
    if (window.location.protocol == "https:") {
      MathJax.OutputJax.fontDir = "https://" + document.location.host + "/assets/MathJax/fonts"
    } else {
      MathJax.OutputJax.fontDir = "http://" + document.location.host + "/assets/MathJax/fonts"
    }
    MathJax.Hub.Config({
      jax: ["input/TeX", "output/HTML-CSS"]
    })
  </script><style type="text/css">#MathJax_Message {position: fixed; left: 1px; bottom: 2px; background-color: #E6E6E6; border: 1px solid #959595; margin: 0px; padding: 2px 8px; z-index: 102; color: black; font-size: 80%; width: auto; white-space: nowrap}
#MathJax_MSIE_Frame {position: absolute; top: 0; left: 0; width: 0px; z-index: 101; border: 0px; margin: 0px; padding: 0px}
</style>

        <meta name="description" content="A ruby gem for creating navigations (with multiple levels) for your Rails2, Rails3, Sinatra or Padrino applications.  Render your navigation as html list, link list or breadcrumbs.">
    <script type="text/javascript">
      GitHub.nameWithOwner = GitHub.nameWithOwner || "andi/simple-navigation";
      GitHub.currentRef = 'master';
      GitHub.commitSHA = "ff4535ac2d1d945055deaa494c62383a9d7914fb";
      GitHub.currentPath = '';
      GitHub.masterBranch = "master";

      
    </script>
  

        <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-3769691-2']);
      _gaq.push(['_setDomainName', 'none']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script');
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        ga.setAttribute('async', 'true');
        document.documentElement.firstChild.appendChild(ga);
      })();
    </script><script async="true" src="Configuration_files/ga.js"></script>

    
  </head><body class="logged_out  ff linux"><div style="display: none;" id="MathJax_Message"></div>
    

    

    

    
      <div id="site_alert">
        <form action="/translate?to=%2Fandi%2Fsimple-navigation%2Fwiki%2FConfiguration" method="post"><div style="margin: 0pt; padding: 0pt;"><input name="authenticity_token" value="53efa6e47fc2862fc418f2d7fce2c26f528b22f3" type="hidden"></div>        <p>
          Would you rather see this site in Spanish? (¿Deseas ver este sitio en Español?) &nbsp;
          <button class="minibutton" name="code" value="es"><span>Yes (Sí)</span></button> &nbsp;
          <button class="minibutton" name="code" value="en"><span>No (No)</span></button>
        </p>
        </form>      </div>
    

    

    <div class="subnavd" id="main">
      <div id="header" class="true">
        
          <a class="logo boring" href="https://github.com/">
            <img alt="github" class="default" src="Configuration_files/logov3.png">
            <!--[if (gt IE 8)|!(IE)]><!-->
            <img alt="github" class="hover" src="Configuration_files/logov3-hover.png">
            <!--<![endif]-->
          </a>
        
        
        <div class="topsearch">
  
    <ul class="nav logged_out">
      <li class="pricing"><a href="https://github.com/plans">Pricing and Signup</a></li>
      <li class="explore"><a href="https://github.com/explore">Explore GitHub</a></li>
      <li class="features"><a href="https://github.com/features">Features</a></li>
      <li class="blog"><a href="https://github.com/blog">Blog</a></li>
      <li class="login"><a href="https://github.com/login?return_to=https://github.com/andi/simple-navigation/wiki/Configuration">Login</a></li>
    </ul>
  
</div>

      </div>

      
      
        
    <div class="site">
      <div class="pagehead repohead vis-public   shortdetails">

      

      <div class="title-actions-bar">
        <h1>
          <a href="https://github.com/andi">andi</a> / <strong><a href="https://github.com/andi/simple-navigation">simple-navigation</a></strong>
          
          
        </h1>

        
    <ul class="actions">
      

      
        <li class="for-owner" style="display: none;"><a href="https://github.com/andi/simple-navigation/admin" class="minibutton btn-admin "><span><span class="icon"></span>Admin</span></a></li>
        <li>
          <a title="You must be logged in to use this feature" href="https://github.com/andi/simple-navigation/toggle_watch" class="minibutton btn-watch  entice" id="watch_button" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', '53efa6e47fc2862fc418f2d7fce2c26f528b22f3'); f.appendChild(s);f.submit();return false;" style=""><span><span class="icon"></span>Watch</span></a>
          <a href="https://github.com/andi/simple-navigation/toggle_watch" class="minibutton btn-watch " id="unwatch_button" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', '53efa6e47fc2862fc418f2d7fce2c26f528b22f3'); f.appendChild(s);f.submit();return false;" style="display: none;"><span><span class="icon"></span>Unwatch</span></a>
        </li>
        
          
            <li class="for-notforked" style=""><a title="You must be logged in to use this feature" href="https://github.com/andi/simple-navigation/fork" class="minibutton btn-fork  entice" id="fork_button" onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', '53efa6e47fc2862fc418f2d7fce2c26f528b22f3'); f.appendChild(s);f.submit();return false;"><span><span class="icon"></span>Fork</span></a></li>
            <li class="for-hasfork" style="display: none;"><a href="#" class="minibutton btn-fork " id="your_fork_button"><span><span class="icon"></span>Your Fork</span></a></li>
          

          
        
      
      
      <li class="repostats">
        <ul class="repo-stats">
          <li class="watchers"><a href="https://github.com/andi/simple-navigation/watchers" title="Watchers" class="tooltipped downwards">310</a></li>
          <li class="forks"><a href="https://github.com/andi/simple-navigation/network" title="Forks" class="tooltipped downwards">35</a></li>
        </ul>
      </li>
    </ul>

      </div>

        
  <ul class="tabs">
    <li><a href="https://github.com/andi/simple-navigation" highlight="repo_source">Source</a></li>
    <li><a href="https://github.com/andi/simple-navigation/commits/master" highlight="repo_commits">Commits</a></li>
    <li><a href="https://github.com/andi/simple-navigation/network" highlight="repo_network">Network</a></li>
    <li><a href="https://github.com/andi/simple-navigation/pulls" highlight="repo_pulls">Pull Requests (1)</a></li>

    

    
      
      <li><a href="https://github.com/andi/simple-navigation/issues" highlight="issues">Issues (4)</a></li>
    

                <li><a href="https://github.com/andi/simple-navigation/wiki" class="selected" highlight="repo_wiki">Wiki (19)</a></li>
        
    <li><a href="https://github.com/andi/simple-navigation/graphs" highlight="repo_graphs">Graphs</a></li>

    <li class="contextswitch nochoices">
      <span class="toggle leftwards">
        <em>Branch:</em>
        <code>master</code>
      </span>
    </li>
  </ul>

  <div style="display: none;" id="pl-description"><p><em class="placeholder">click here to add a description</em></p></div>
  <div style="display: none;" id="pl-homepage"><p><em class="placeholder">click here to add a homepage</em></p></div>

  
  
  
  
  
  
  <div class="subnav-bar">
  <ul>
    <li><a href="https://github.com/andi/simple-navigation/wiki">Home</a></li>
    <li><a href="https://github.com/andi/simple-navigation/wiki/_pages">Pages</a></li>
    <li><a href="https://github.com/andi/simple-navigation/wiki/_history">Wiki History</a></li>
    <li><a href="https://github.com/andi/simple-navigation/wiki/_access">Git Access</a></li>
  </ul>
</div>



        

        

      </div><!-- /.pagehead -->

      

<div id="repos">
    


<script type="text/javascript">
  GitHub.downloadRepo = '/andi/simple-navigation/archives/master'
  GitHub.revType = "master"

  GitHub.controllerName = "wiki"
  GitHub.actionName     = "show"
  GitHub.currentAction  = "wiki#show"

  

  
</script>






</div>
<div class="flash-messages"></div>


<div id="wiki-wrapper" class="page">
<div id="head">
  <h1>Configuration</h1>
  <ul class="actions">
      <li class="gollum-minibutton"><a href="https://github.com/andi/simple-navigation/wiki/Configuration/_history" class="action-page-history">
       Page History
     </a></li>
  </ul>
</div>
<div id="wiki-content">
  <div class="wrap">
  <div id="wiki-body" class="gollum-textile-content">
    <div id="template">
      <p>By default your navigation is configured in the file 
config/navigation.rb. To generate a template-file with comments in it 
(to have an easier start), call the following generator:</p>
<pre><code>(Rails 2) $ script/generate navigation_config</code></pre>

<pre><code>(Rails 3) $ rails generate navigation_config</code></pre>
<p>In the config/navigation.rb file you define your navigation items as illustrated in the following example:</p>
<pre><code>SimpleNavigation::Configuration.run do |navigation|  
  navigation.items do |primary|
    primary.item :books, 'Books', books_path
    primary.item :music, 'Music', musics_path
    primary.item :dvds, 'Dvds', dvds_path
  end
end
</code></pre>
<p>This creates a primary navigation with three items (for an online 
store which sells books, music and dvds). For each item, you define</p>
<ul>
<li>a <i>key</i> (used for identifying the active navigation item in the controllers)</li>
	<li>a <i>name</i> (string or a call to your I18n framework)</li>
	<li>the <i>url</i> that the item points to (you can use url_for, restful routes helper, named route helpers or any url as string)</li>
	<li>
<i>options</i> – can be used to specify attributes that will be included in the rendered navigation item (e.g. id, class etc.).</li>
</ul><p>In addition to these html attributes, you can set the following special options:</p>
<ul>
<li>:if – Specifies a proc to call to determine if the item should be 
rendered (e.g. :if =&gt; Proc.new { current_user.admin? }). The proc 
should evaluate to a true or false value and is evaluated in the context
 of the view. See ‘Conditional Navigation Items’ below for examples.</li>
	<li>:unless – you get the point…</li>
	<li>:method – Specifies the http-method for the generated link – default is :get.</li>
	<li>:highlights_on – if autohighlighting is turned off and/or you want 
to explicitly specify when the item should be highlighted, you can set a
 regexp which is matched against the current <span class="caps">URI</span>. See ‘Highlighting the active Navigation Item’ below for details.</li>
</ul><p>If you want to define a sub navigation for a primary item you can specify a block for that item, e.g.</p>
<pre><code>primary.item :books, 'Books', books_path do |books|
  books.item :fiction, 'Fiction', fiction_books_path
  books.item :history, 'History', history_books_path
  books.item :sports, 'Sports', sports_books_path
end
</code></pre>
<p>which defines three sub navigation items for ‘Books’.</p>
<p>You can nest as many sub navigations as you like, i.e. if you would 
like to add a sub navigation for ‘History’, simply add another block to 
that item:</p>
<pre><code>...
books.item :history, 'History', history_books_path do |history|
  history.item :ancient, 'Ancient', ancient_books_path
  history.item :modern, 'Modern', modern_books_path
end
...
</code></pre>
<h4>Availability of Helpers inside the Config File</h4>
<p>The config file is evaluated in the context of the view that renders 
the navigation. This means you can access all the view-helpers inside 
the config-file.</p>
<h4>Conditional Navigation Items</h4>
<p>If you want a navigation item to appear only if certain conditions 
apply (e.g. only showing an item linking to the admin-zone if the user 
is admin), you can use :if or :unless options specifying a proc (or 
lambda) that contains your condition:</p>
<pre><code>primary.item :admin, 'Admin', admin_path, :if =&gt; Proc.new { current_user.admin? }
</code></pre>
<p>or if you want to show an item only if a user is logged in:</p>
<pre><code>primary.item :account, 'Account', account_path(@user), :unless =&gt; Proc.new { logged_in? }
</code></pre>
<p>The procs you specify are – as stated above – evaluated in the 
context of the views, thus you can use all the methods and vars in your 
proc that are available in the views.</p>
<h4>Restful delete links</h4>
<p>If you need a navigation item that performs a destroy action 
(restfully spoken), you can specify :method =&gt; :delete as an option 
for your navigation item:</p>
<pre><code>primary.item :logout, 'logout', session_path, :method =&gt; :delete, :if =&gt; Proc.new { logged_in? }
</code></pre>
<p>For further information on the config/navigation.rb file (more options etc…) check the comments in the generated file itself.</p>
<h4>Providing the navigation items dynamically</h4>
<p>In case your navigation is based on dynamic content (e.g. a user 
specific navigation stored in the database) you can provide the 
navigation items dynamically. Please see <a class="internal present" href="https://github.com/andi/simple-navigation/wiki/Dynamic-Navigation-Items">Dynamic Navigation Items</a> for details.</p>
<h2>Highlighting the active Navigation Item</h2>
<p>Once you have defined your navigation you may ask yourself how to 
mark a specific navigation item as selected (ie. highlighted). There are
 basically three circumstances which can mark a navigation item as 
selected:</p>
<ul>
<li>
<strong>Automatic highlighting</strong> – Since version 2 there is a 
feature called ‘auto highlighting’ which is turned on by default. With 
auto highlighting turned on the url that has been defined for the 
navigation item (in the config file) is matched against the current 
request’s url. If there is a match, the item is marked as selected.</li>
	<li>
<strong>Explicit highlighting of an item using regular expressions</strong>
 – In the config file you can add a regexp to an item that is matched 
against the current_url to see if the item should be highlighted.</li>
	<li>
<strong>Sub navigation is selected</strong> – If you have more than one 
level of navigation and a sub navigation of an item is selected, that 
item (i.e. the parent) also gets marked as selected.</li>
</ul><h3>Automatic Highlighting</h3>
<p>As described above with automatic highlighting enabled a navigation 
item is marked as selected if its url matches the current request’s url.
 This probably works for about 80% of the use cases. That’s why it’s 
turned on by default. However, depending on your application and 
navigation setup you might encounter two categories of problems:</p>
<h4>An item that you think should be auto highlighted is not</h4>
<p>This situation might occur for</p>
<ul>
<li>urls with dynamic params, e.g. if you are displaying a paged list 
with the current offset as param and the highlighted navigation item 
should be the same for the whole paging process</li>
	<li>incomplete navigations, e.g. you have defined a top level 
navigation (e.g. Account) that actually has sub pages (e.g. User Data, 
Settings) but you don’t have a sub navigation that stands for these sub 
pages. In that case you probably want the top level navigation to be 
highlighted for all the sub pages, thus auto highlighting cannot help 
here.</li>
</ul><p>The solution for those kinds of problems is to explicitly 
highlight an item using the :highlights_on option for an item in the 
config file (see below).</p>
<h4>An item should not be auto highlighted but nonetheless is</h4>
<p>This situation should rarely occur. If it does you can always disable
 the automatic highlighting feature either globally or for a specific 
navigation level.</p>
<p>To disable it globally for the whole plugin, set</p>
<pre><code>SimpleNavigation::Configuration.run do |navigation|  
  navigation.auto_highlight = false
  navigation.items do |primary|
  ...
  end
end
</code></pre>
<p>To turn it off for specific level (e.g. the primary navigation), set</p>
<pre><code>SimpleNavigation::Configuration.run do |navigation|  
  navigation.items do |primary|
    primary.auto_highlight = false
    ...
  end
end
</code></pre>
<p>There might be other cases where auto highlighting doesn’t work. Please drop me a line if you experience such problems.</p>
<h3>Explicitly Highlighting an Item using Regular Expressions (as of version 2.7.0)</h3>
<p>If you’re having troubles with auto highlighting or you just want to 
have a more granular control of when to highlight an item you can define
 a regular expression for an item using the <i>:highlights_on</i> option:</p>
<pre><code>primary.item :books, 'Books', books_path, :highlights_on =&gt; /\/books/ do |books|
...
end
</code></pre>
<p>The specified regexp is matched against the current <span class="caps">URI</span>
 (which is /books for the example’s books_path). Please note that this 
feature is very powerful, but you have to define your regexp quite 
carefully. The regexp of the example above – /\/books/ – matches /books,
 /books/fiction, /books/drama as well as /store/books/fiction. If you 
only want a match for /books, you would have to change the regexp to 
/^\/books$/.</p>
<p>This feature is also useful to highlight URLs with params, e.g. /book/5 or /books?show_page=3 etc.</p>
    </div>
  </div>
  
  
  </div>

</div>
<div id="gollum-footer">
  <p id="last-edit">
        Last edited by andi, <abbr class="relatize relatized" title="2010-10-18 02:48:42">October 18, 2010</abbr>
      </p>
  <p id="delete-link">
    <a href="https://github.com/andi/simple-navigation/wiki/Configuration" onclick="if (confirm('Are you sure you want to delete this page?')) { var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var m = document.createElement('input'); m.setAttribute('type', 'hidden'); m.setAttribute('name', '_method'); m.setAttribute('value', 'delete'); f.appendChild(m);var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', '53efa6e47fc2862fc418f2d7fce2c26f528b22f3'); f.appendChild(s);f.submit(); };return false;"><span>Delete this Page</span></a>
  </p>
</div>
</div>


    </div>
  
      
    </div>

    <div id="footer" class="clearfix">
      <div class="site">
        <div class="sponsor">
          <a href="http://www.rackspace.com/" class="logo">
            <img alt="Dedicated Server" src="Configuration_files/rackspace_logo.png" height="36" width="38">
          </a>
          Powered by the <a href="http://www.rackspace.com/">Dedicated
          Servers</a> and<br> <a href="http://www.rackspacecloud.com/">Cloud
          Computing</a> of Rackspace Hosting<span>®</span>
        </div>

        <ul class="links">
          <li class="blog"><a href="https://github.com/blog">Blog</a></li>
          <li><a href="https://github.com/login/multipass?to=http%3A%2F%2Fsupport.github.com">Support</a></li>
          <li><a href="https://github.com/training">Training</a></li>
          <li><a href="http://jobs.github.com/">Job Board</a></li>
          <li><a href="http://shop.github.com/">Shop</a></li>
          <li><a href="https://github.com/contact">Contact</a></li>
          <li><a href="http://develop.github.com/">API</a></li>
          <li><a href="http://status.github.com/">Status</a></li>
        </ul>
        <ul class="sosueme">
          <li class="main">© 2011 <span id="_rrt" title="0.09184s from fe5.rs.github.com">GitHub</span> Inc. All rights reserved.</li>
          <li><a href="https://github.com/site/terms">Terms of Service</a></li>
          <li><a href="https://github.com/site/privacy">Privacy</a></li>
          <li><a href="https://github.com/security">Security</a></li>
        </ul>
      </div>
    </div><!-- /#footer -->

    
      
      
        <!-- current locale:  -->
        <div class="locales">
          <div class="site">

            <ul class="choices clearfix limited-locales">
              <li><span class="current">English</span></li>
              
                  <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=de">Deutsch</a></li>
              
                  <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=fr">Français</a></li>
              
                  <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=ja">日本語</a></li>
              
                  <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=pt-BR">Português (BR)</a></li>
              
                  <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=ru">Русский</a></li>
              
                  <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=zh">中文</a></li>
              
              <li class="all"><a href="#" class="minibutton btn-forward js-all-locales"><span><span class="icon"></span>See all available languages</span></a></li>
            </ul>

            <div class="all-locales clearfix">
              <h3>Your current locale selection: <strong>English</strong>. Choose another?</h3>
              
              
                <ul class="choices">
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=en">English</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=af">Afrikaans</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=ca">Català</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=cs">Čeština</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=de">Deutsch</a></li>
                  
                </ul>
              
                <ul class="choices">
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=es">Español</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=fr">Français</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=hr">Hrvatski</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=hu">Magyar</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=id">Indonesia</a></li>
                  
                </ul>
              
                <ul class="choices">
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=it">Italiano</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=ja">日本語</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=nl">Nederlands</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=no">Norsk</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=pl">Polski</a></li>
                  
                </ul>
              
                <ul class="choices">
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=pt-BR">Português (BR)</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=ru">Русский</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=sr">Српски</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=sv">Svenska</a></li>
                  
                      <li><a rel="nofollow" href="https://github.com/andi/simple-navigation/wiki/Configuration?locale=zh">中文</a></li>
                  
                </ul>
              
            </div>

          </div>
          <div class="fade"></div>
        </div>
      
    

    <script>window._auth_token = "53efa6e47fc2862fc418f2d7fce2c26f528b22f3"</script>
    

<div id="keyboard_shortcuts_pane" style="display: none;">
  <h2>Keyboard Shortcuts <small><a href="#" class="js-see-all-keyboard-shortcuts">(see all)</a></small></h2>

  <div class="columns threecols">
    <div class="column first">
      <h3>Site wide shortcuts</h3>
      <dl class="keyboard-mappings">
        <dt>s</dt>
        <dd>Focus site search</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>?</dt>
        <dd>Bring up this help dialog</dd>
      </dl>
    </div><!-- /.column.first -->

    <div class="column middle" style="display: none;">
      <h3>Commit list</h3>
      <dl class="keyboard-mappings">
        <dt>j</dt>
        <dd>Move selected down</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>k</dt>
        <dd>Move selected up</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>t</dt>
        <dd>Open tree</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>p</dt>
        <dd>Open parent</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>c <em>or</em> o <em>or</em> enter</dt>
        <dd>Open commit</dd>
      </dl>
    </div><!-- /.column.first -->

    <div class="column last" style="display: none;">
      <h3>Pull request list</h3>
      <dl class="keyboard-mappings">
        <dt>j</dt>
        <dd>Move selected down</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>k</dt>
        <dd>Move selected up</dd>
      </dl>
      <dl class="keyboard-mappings">
        <dt>o <em>or</em> enter</dt>
        <dd>Open issue</dd>
      </dl>
    </div><!-- /.columns.last -->

  </div><!-- /.columns.equacols -->

  <div style="display: none;">
    <div class="rule"></div>

    <h3>Issues</h3>

    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>j</dt>
          <dd>Move selected down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>k</dt>
          <dd>Move selected up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>x</dt>
          <dd>Toggle select target</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>o <em>or</em> enter</dt>
          <dd>Open issue</dd>
        </dl>
      </div><!-- /.column.first -->
      <div class="column middle">
        <dl class="keyboard-mappings">
          <dt>I</dt>
          <dd>Mark selected as read</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>U</dt>
          <dd>Mark selected as unread</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>e</dt>
          <dd>Close selected</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>y</dt>
          <dd>Remove selected from view</dd>
        </dl>
      </div><!-- /.column.middle -->
      <div class="column last">
        <dl class="keyboard-mappings">
          <dt>c</dt>
          <dd>Create issue</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>l</dt>
          <dd>Create label</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>i</dt>
          <dd>Back to inbox</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>u</dt>
          <dd>Back to issues</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>/</dt>
          <dd>Focus issues search</dd>
        </dl>
      </div>
    </div>
  </div>

  <div style="display: none;">
    <div class="rule"></div>

    <h3>Network Graph</h3>
    <div class="columns equacols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt><span class="badmono">←</span> <em>or</em> h</dt>
          <dd>Scroll left</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">→</span> <em>or</em> l</dt>
          <dd>Scroll right</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">↑</span> <em>or</em> k</dt>
          <dd>Scroll up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt><span class="badmono">↓</span> <em>or</em> j</dt>
          <dd>Scroll down</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>t</dt>
          <dd>Toggle visibility of head labels</dd>
        </dl>
      </div><!-- /.column.first -->
      <div class="column last">
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">←</span> <em>or</em> shift h</dt>
          <dd>Scroll all the way left</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">→</span> <em>or</em> shift l</dt>
          <dd>Scroll all the way right</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">↑</span> <em>or</em> shift k</dt>
          <dd>Scroll all the way up</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>shift <span class="badmono">↓</span> <em>or</em> shift j</dt>
          <dd>Scroll all the way down</dd>
        </dl>
      </div><!-- /.column.last -->
    </div>
  </div>

  <div style="display: none;">
    <div class="rule"></div>

    <h3>Source Code Browsing</h3>
    <div class="columns threecols">
      <div class="column first">
        <dl class="keyboard-mappings">
          <dt>t</dt>
          <dd>Activates the file finder</dd>
        </dl>
        <dl class="keyboard-mappings">
          <dt>l</dt>
          <dd>Jump to line</dd>
        </dl>
      </div>
    </div>
  </div>

</div>
    

    <!--[if IE 8]>
    <script type="text/javascript" charset="utf-8">
      $(document.body).addClass("ie8")
    </script>
    <![endif]-->

    <!--[if IE 7]>
    <script type="text/javascript" charset="utf-8">
      $(document.body).addClass("ie7")
    </script>
    <![endif]-->

    
    <script type="text/javascript"></script>
    
  </body></html>